<template>
  <el-card :class="className">
    <!-- 标题 -->
    <div class="qf-title" slot="header">
      <span>{{ title }}</span>
      <el-button type="primary" round @click="jump(btnUrl)" v-if="btnUrl">
        {{ btnTitle }}
      </el-button>
    </div>
    <!-- 标题 -->

    <!-- 过滤 -->
    <div class="qf-filters">
      <slot name="filter"></slot>
    </div>
    <!-- 过滤 -->

    <!-- 内容 -->
    <slot></slot>
    <!-- 内容 -->
  </el-card>
</template>

<script>
export default {
  props: {
    className: {
      type: String,
      required: true,
    },
    title: {
      type: String,
      required: true,
    },
    btnTitle: {
      type: String,
      required: true,
    },
    btnUrl: {
      type: String,
    },
  },
};
</script>
